<template>
    <div>
        <Hello :msg="message"></Hello>
        <!-- <hello></hello> -->
        <h2>我是父组件helloword</h2>
        <p>{{ message }}</p>
        <button @click="message='你好小子'">点击更改message的值</button>
    </div>
</template>
<script>
import Hello from './Hello.vue';
export default {
    data() {
        return {
            /** 组件的通信：
             * 父向子传递数据 使用props 
             */
            message:'hello world 你还好吗？'
        };
    },
    components: {
        Hello
    }
};

</script>